
<template name="skeleton">

	<view class="card OrderList--card data-v-e1ee2d9a OrderList--data-v-e1ee2d9a">
		<view class="card-header OrderList--card-header data-v-e1ee2d9a OrderList--data-v-e1ee2d9a">
			<view class="data-v-e1ee2d9a OrderList--data-v-e1ee2d9a">
				<view
					class="name OrderList--name data-v-e1ee2d9a OrderList--data-v-e1ee2d9a sk-transparent sk-text-20-8333-877 sk-text">
					上海新锦江大酒店</view>
				<view
					class="order-num OrderList--order-num data-v-e1ee2d9a OrderList--data-v-e1ee2d9a sk-transparent sk-text-20-8333-413 sk-text">
					订单号：20250930517156</view>
			</view>
			<text
				class="status OrderList--status data-v-e1ee2d9a OrderList--data-v-e1ee2d9a sk-transparent sk-text-20-8333-368 sk-text">待支付</text>
		</view>
		<view class="desc OrderList--desc data-v-e1ee2d9a OrderList--data-v-e1ee2d9a">
			<view
				class="text OrderList--text data-v-e1ee2d9a OrderList--data-v-e1ee2d9a sk-transparent sk-text-20-8333-771 sk-text">
				入住日期</view>
			<view
				class="date OrderList--date data-v-e1ee2d9a OrderList--data-v-e1ee2d9a sk-transparent sk-text-20-8333-782 sk-text">
				2025-10-01</view>
		</view>
		<view class="desc OrderList--desc data-v-e1ee2d9a OrderList--data-v-e1ee2d9a">
			<view
				class="text OrderList--text data-v-e1ee2d9a OrderList--data-v-e1ee2d9a sk-transparent sk-text-20-8333-838 sk-text">
				离店日期</view>
			<view
				class="date OrderList--date data-v-e1ee2d9a OrderList--data-v-e1ee2d9a sk-transparent sk-text-20-8333-724 sk-text">
				2025-10-03</view>
		</view>
		<view class="desc OrderList--desc data-v-e1ee2d9a OrderList--data-v-e1ee2d9a">
			<view
				class="text OrderList--text data-v-e1ee2d9a OrderList--data-v-e1ee2d9a sk-transparent sk-text-20-8333-514 sk-text">
				房型</view>
			<view
				class="date OrderList--date data-v-e1ee2d9a OrderList--data-v-e1ee2d9a sk-transparent sk-text-20-8333-840 sk-text">
				四人房</view>
		</view>
		<view class="desc OrderList--desc data-v-e1ee2d9a OrderList--data-v-e1ee2d9a">
			<view
				class="text OrderList--text data-v-e1ee2d9a OrderList--data-v-e1ee2d9a sk-transparent sk-text-20-8333-471 sk-text">
				总价</view>
			<view
				class="price OrderList--price data-v-e1ee2d9a OrderList--data-v-e1ee2d9a sk-transparent sk-text-20-8333-461 sk-text">
				¥3944.32</view>
		</view>
		<view class="action OrderList--action data-v-e1ee2d9a OrderList--data-v-e1ee2d9a">
			<navigator
				class="button OrderList--button secondary OrderList--secondary data-v-e1ee2d9a OrderList--data-v-e1ee2d9a sk-transparent sk-text-22-9167-36 sk-text"
				hover-class="none">查看详情</navigator>
		</view>
	</view>
	<view class="card OrderList--card data-v-e1ee2d9a OrderList--data-v-e1ee2d9a">
		<view class="card-header OrderList--card-header data-v-e1ee2d9a OrderList--data-v-e1ee2d9a">
			<view class="data-v-e1ee2d9a OrderList--data-v-e1ee2d9a">
				<view
					class="name OrderList--name data-v-e1ee2d9a OrderList--data-v-e1ee2d9a sk-transparent sk-text-20-8333-645 sk-text">
					上海新锦江大酒店</view>
				<view
					class="order-num OrderList--order-num data-v-e1ee2d9a OrderList--data-v-e1ee2d9a sk-transparent sk-text-20-8333-536 sk-text">
					订单号：20250930624755</view>
			</view>
			<text
				class="status OrderList--status data-v-e1ee2d9a OrderList--data-v-e1ee2d9a sk-transparent sk-text-20-8333-109 sk-text">待支付</text>
		</view>
		<view class="desc OrderList--desc data-v-e1ee2d9a OrderList--data-v-e1ee2d9a">
			<view
				class="text OrderList--text data-v-e1ee2d9a OrderList--data-v-e1ee2d9a sk-transparent sk-text-20-8333-599 sk-text">
				入住日期</view>
			<view
				class="date OrderList--date data-v-e1ee2d9a OrderList--data-v-e1ee2d9a sk-transparent sk-text-20-8333-487 sk-text">
				2025-10-01</view>
		</view>
		<view class="desc OrderList--desc data-v-e1ee2d9a OrderList--data-v-e1ee2d9a">
			<view
				class="text OrderList--text data-v-e1ee2d9a OrderList--data-v-e1ee2d9a sk-transparent sk-text-20-8333-873 sk-text">
				离店日期</view>
			<view
				class="date OrderList--date data-v-e1ee2d9a OrderList--data-v-e1ee2d9a sk-transparent sk-text-20-8333-329 sk-text">
				2025-10-03</view>
		</view>
		<view class="desc OrderList--desc data-v-e1ee2d9a OrderList--data-v-e1ee2d9a">
			<view
				class="text OrderList--text data-v-e1ee2d9a OrderList--data-v-e1ee2d9a sk-transparent sk-text-20-8333-670 sk-text">
				房型</view>
			<view
				class="date OrderList--date data-v-e1ee2d9a OrderList--data-v-e1ee2d9a sk-transparent sk-text-20-8333-695 sk-text">
				三人房</view>
		</view>
		<view class="desc OrderList--desc data-v-e1ee2d9a OrderList--data-v-e1ee2d9a">
			<view
				class="text OrderList--text data-v-e1ee2d9a OrderList--data-v-e1ee2d9a sk-transparent sk-text-20-8333-528 sk-text">
				总价</view>
			<view
				class="price OrderList--price data-v-e1ee2d9a OrderList--data-v-e1ee2d9a sk-transparent sk-text-20-8333-611 sk-text">
				¥3578.08</view>
		</view>
		<view class="action OrderList--action data-v-e1ee2d9a OrderList--data-v-e1ee2d9a">
			<navigator
				class="button OrderList--button secondary OrderList--secondary data-v-e1ee2d9a OrderList--data-v-e1ee2d9a sk-transparent sk-text-22-9167-947 sk-text"
				hover-class="none">查看详情</navigator>
		</view>
	</view>
	<view class="card OrderList--card data-v-e1ee2d9a OrderList--data-v-e1ee2d9a">
		<view class="card-header OrderList--card-header data-v-e1ee2d9a OrderList--data-v-e1ee2d9a">
			<view class="data-v-e1ee2d9a OrderList--data-v-e1ee2d9a">
				<view
					class="name OrderList--name data-v-e1ee2d9a OrderList--data-v-e1ee2d9a sk-transparent sk-text-20-8333-679 sk-text">
					新加坡乌节泛太平洋酒店</view>
			</view>
			<text
				class="status OrderList--status data-v-e1ee2d9a OrderList--data-v-e1ee2d9a sk-transparent sk-text-20-8333-532 sk-text">待支付</text>
		</view>
	</view>

</template>

<style lang="scss" scoped>
	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-text-26-6667-258 {
	    background-image: linear-gradient(transparent 26.6667%, #EEEEEE 0%, #EEEEEE 73.3333%, transparent 0%) !important;
	    background-size: 100% 60.0000rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-text-26-6667-761 {
	    background-image: linear-gradient(transparent 26.6667%, #EEEEEE 0%, #EEEEEE 73.3333%, transparent 0%) !important;
	    background-size: 100% 60.0000rpx;
	    position: relative !important;
	  }
	.sk-text-26-6667-457 {
	    background-image: linear-gradient(transparent 26.6667%, #EEEEEE 0%, #EEEEEE 73.3333%, transparent 0%) !important;
	    background-size: 100% 60.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-877 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-413 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-368 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-771 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-782 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-838 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-724 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-514 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-840 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-471 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-461 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-22-9167-36 {
	    background-image: linear-gradient(transparent 22.9167%, #EEEEEE 0%, #EEEEEE 77.0833%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-645 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-536 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-109 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-599 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-487 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-873 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-329 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-670 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-695 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-528 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-611 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-22-9167-947 {
	    background-image: linear-gradient(transparent 22.9167%, #EEEEEE 0%, #EEEEEE 77.0833%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-679 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-532 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-pseudo::before, .sk-pseudo::after {
	      background: #EFEFEF !important;
	      background-image: none !important;
	      color: transparent !important;
	      border-color: transparent !important;
	    }
	.sk-pseudo-rect::before, .sk-pseudo-rect::after {
	      border-radius: 0 !important;
	    }
	.sk-pseudo-circle::before, .sk-pseudo-circle::after {
	      border-radius: 50% !important;
	    }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }

</style>